
<template>
  <div class="home" style="height: 100vh;width: 100vw; display: flex; flex-direction: column;">
    <div class="head" style="height: 50px; line-height: 50px; padding: 0 10px; background-color: #69f;">
      <span style="float: right;">欢迎，{{ username }}</span>
      某某管理系统
    </div>
    <div style="flex: 1; display: flex;">
      <div style="width: 250px; background-color: #eee; margin-right: 10px;">
        <ul class="menu">
          <!-- <li>
            <router-link to="/index/lunbo">轮播组件</router-link>
          </li>
          <li>
            <router-link to="/index/other">登录组件</router-link>
          </li> -->
        </ul>
      </div>
      <div style="flex: 1; background-color: #ddd;">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
// @ is an alias to /src

export default {
  name: 'Home',
  data(){
    return{
      username: ''
    }
  },
  mounted(){
    console.log('this.$route',this.$route)
    if(this.$route.params.username){
      this.username = this.$route.params.username;
    }
    this.getData()
  },
  methods:{
    getData(){
     
    }
  }
}
</script>

<style scoped>
.menu{display: block; width:100%;}
.menu li{
  border-bottom: 1px solid #ccc;
  height: 40px;
  line-height: 40px;
  background-color: #ddd;
}
</style>
